
<!--
 * @Author: WLang
 * @LastEditors: WLang
 * @Description: 
 * @Date: 2023-07-03 17:00:15
 * @LastEditTime: 2023-07-06 14:46:54
 * @FilePath: \myblog\src\components\comment\CommentList.vue
-->
<template>
  <el-card v-if="comments && comments.length">
    <div class="blog-comment--list">
      <h3 class="blog-comment--title">评论列表</h3>
      <ul>
        <CommentItem v-for="comment in comments" :key="comment.id" :uid="comment.uid" :content="comment.content" :date="comment.date" />
      </ul>
    </div>
  </el-card>
</template>

<script>
import CommentItem from '@/components/comment/CommentItem.vue'
export default {
  components:{
    CommentItem
  },
  data(){
    return {
    }
  },
  props: {
    comments: {
      type: Array
    }
  },
created(){},
mounted(){},
watch:{},
computed:{},
methods:{},
}
</script>
<style lang="scss" scoped>
  .blog-comment--list {
    text-align: center;
    .blog-comment--title {
      font-size: 22px;
      margin-bottom: 35px;
    }
  }
</style>